<template>
	<div class="empty-container flex">
		<image class="empty-img" :src="imgSrc" />
		<div class="empty-text">{{text}}</div>
	</div>
</template>

<script setup>
defineProps({
	text: {
		type: String,
		default: '暂无数据'
	},
	imgSrc: {
		type: String,
		default: '../../static/images/empty.png'
	}
})
</script>

<style lang="scss" scoped>
@import '@/styles/var.scss';
@import '@/styles/mixin.scss';
	
.empty-container {
	// display: flex;
	padding: 20px 0;
	line-height: 20px;
	// align-items: center;
	flex-direction: column;
	justify-content: center;
	.empty-img {
		margin-bottom: 20rpx;
		@include wh(280rpx, 280rpx)
	}
	.empty-text {
		width: 100%;
		text-align: center;
		@include sc(30rpx, $font-color-ll);
	}
}
</style>